<!DOCTYPE html>
<html lang="en">
  <head>
    ${ require('raw-loader!./meta.html')}
    <title><%= htmlWebpackPlugin.options.title %></title>
    ${ require('raw-loader!./link.html')}
    <% if(htmlWebpackPlugin.options.isPx2Rem){ %>
      <script>
        ${require('raw-loader!@static/plugins/lib-flexible/0.3.2/vw-rem.js')}
      </script>
    <% } %>
    <% for(var i=0,len=htmlWebpackPlugin.options.outsideCss.length;i<len;i++ ){ %>
      <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.outsideCss[i] %>">
    <% } %>
  </head>
  <body>
    <div id="app"></div>
    <% for(var i=0,len=htmlWebpackPlugin.options.outsideJs.length;i<len;i++ ){ %>
      <% if(htmlWebpackPlugin.options.outsideJs[i].async && htmlWebpackPlugin.options.outsideJs[i].defer){ %>
        <script src="<%= htmlWebpackPlugin.options.outsideJs[i].path %>" async="<%= htmlWebpackPlugin.options.outsideJs[i].async %>" defer="<%= htmlWebpackPlugin.options.outsideJs[i].defer %>"></script>
      <% } %>
      <% if(htmlWebpackPlugin.options.outsideJs[i].async && !htmlWebpackPlugin.options.outsideJs[i].defer){ %>
        <script src="<%= htmlWebpackPlugin.options.outsideJs[i].path %>" async="<%= htmlWebpackPlugin.options.outsideJs[i].async %>"></script>
      <% } %>
      <% if(!htmlWebpackPlugin.options.outsideJs[i].async && htmlWebpackPlugin.options.outsideJs[i].defer){ %>
        <script src="<%= htmlWebpackPlugin.options.outsideJs[i].path %>" defer="<%= htmlWebpackPlugin.options.outsideJs[i].defer %>"></script>
      <% } %>
      <% if(!htmlWebpackPlugin.options.outsideJs[i].async && !htmlWebpackPlugin.options.outsideJs[i].defer){ %>
        <script src="<%= htmlWebpackPlugin.options.outsideJs[i].path %>"></script>
      <% } %>
    <% } %>
  </body>
</html>
